<?php session_start();
require '../config.php';
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Administraci&oacute;n de clientes</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../bootstrap/css/view.css" rel="stylesheet">
	<script type="text/javascript" src="../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> 
    
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes(CRM)</h3>
					</div>
				</div>
			
				
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 50%">
	<div>
		<h3>B&uacute;squeda y Actualizaci&oacute;n de Datos de Clientes.</h3>
		<?php 
		$result = mysql_query("select p.seleccionar,p.actualizar,p.eliminar from permisos p,modulos m where p.idmodulo = m.idmodulos and p.idrol= '". $_SESSION['rol'] ."' and m.nombre = 'Clientes'",$conexion);
							  if(mysql_num_rows($result)>0)
							  {
							  	$row = mysql_fetch_assoc($result);
							  	if($row['seleccionar']== 1 or $row['actualizar']== 1 or $row['eliminar']== 1)
								{
									?>
									<nav class="navbar navbar-default" role="navigation">
										 <form class="navbar-form navbar-left" id="formulario" method="post" action="" onsubmit="traerTabla(); return false">
										 		<div class="form-group">
									              	<input type="text" maxlength="255" placeholder="Su b&uacute;squeda.." class="form-control" id="textofiltro">
									            </div>
									            <div class="checkbox">
												    <label>
												      <input type="checkbox" id="cedula" checked><small>C&eacute;dula</small>
												    </label>
											  	</div>
								            	<div class="checkbox">
												    <label>
												      <input type="checkbox" id="nombre" ><small>Nombre</small>
												    </label>
											  	</div>
											  	<div class="checkbox">
												    <label>
												      <input type="checkbox" id="apellido"><small>Apellido</small>
												    </label>
											  	</div>
											  	
								            <button type="submit" class="btn btn-success" id="buscar">Buscar &raquo</button>
								            <button type="button" class="btn btn-warning" onclick="Cancelar();">&laquo Regresar</button>
							          </form>
									</nav>
									<?php 
								}
							  }
		?>
		
	</div>
</div>
	<div class="container" style="min-height:300px;">
	<div id="tabla">
	</div>
	
	 <!-- Modal -->
					  <div class="modal fade" id="updateCli" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Cliente</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		
						   			<ul class="list-unstyled">
		
											<li id="li_4" >
											<label for="cedula" style="text-align: left">C&eacute;dula 
											<div>
												<input id="m_cedula"  onblur="buscarCedula();" onkeypress="onEnter(event);" type="text" maxlength="20" <?php if($_REQUEST['cedula'] <> "") echo ("value=$_REQUEST[cedula] disabled"); else echo("value=' '"); ?>>
											</div> </label>
											
											<div id="mensajecedula"></div>
											</li>
											
											<li id="li_8" >
											<label class="description" for="element_8">Categor&iacute;as: </label>
											
											<div id = "categorias" class="radio">
											<script type="text/javascript">
											window.onload = function cargarCategorias()
											{
												
											  $(function () 
											  {
											    $.ajax({                                      
											      url: 'cargarcategorias.php',                    
											      dataType: "json",                
											      success: function(data)          
													{
													
													if( data == 0)
													{
														document.getElementById('categorias').innerHTML="No hay motivos guardados";
													}
													else
													{
														tagsHTML="";
														 for(f=0;f<data.length;f+=2)
														{
															 tagsHTML = tagsHTML + "<label style='font-size:12px'>";
															 tagsHTML = tagsHTML +"<input name = 'categoria' id = '"+data[f]+"' type='radio'> &nbsp;"+data[f+1]+"<br><br>";
															 tagsHTML = tagsHTML + "</label>";
														} 
														 document.getElementById('categorias').innerHTML=tagsHTML;	
													}
											      }
											    });
											  });
											  cargarProvincias();
											}
											</script>																				
											</div> 
												
											</li>
													<li id="li_1" >
											
											<span>
												<label>Nombre</label>
												<input id="m_nombre" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
												
											</span>
											<span>
											<label>Apellido</label>
												<input id="m_apellido" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>								
											</span> 
											</li>		
											<li id="li_2" >
											<label class="description" for="element_2">Tel&eacute;fono </label>
											<span>
												<input id="tel1" name="element_2_2" class="element text" size="17" maxlength="17" value="" type="text" onkeyUp="return ValNumero(this);">												
											</span>
																						 
											</li>		
											<li id="li_3" >
											<label class="description" for="element_3">M&oacute;vil </label>
											<span>
												<input id="tel2" name="element_3_2" class="element text" size="8" maxlength="8" value="" type="text" onkeyUp="return ValNumero(this);"> 
												
											</span>
											
											 
											</li>	
											
												<li id="li_5" >
											<label class="description" for="email">Email </label>
											<div>
												<input id="email" name="element_5" class="element text medium" type="text" maxlength="255" value=""/> 
											</div> 
											</li>		<li id="li_6" >
											<label class="description" for="fecha">Fecha de nacimiento </label>
											<span>
											<label for="element_6_1">MM</label>
												<input id="fecha_1" name="element_6_1" class="element text" size="2" maxlength="2" value="" type="text" onkeyUp="return ValNumeroMes(this);"> /
												
											</span>
											<span>
											<label for="element_6_2">DD</label>
												<input id="fecha_2" name="element_6_2" class="element text" size="2" maxlength="2" value="" type="text" onkeyUp="return ValNumeroDia(this);"> /
												
											</span>
											<span>
											<label for="element_6_3">YYYY</label>
										 		<input id="fecha_3" name="element_6_3" class="element text" size="4" maxlength="4" value="" type="text" onkeyUp="return ValNumeroYear(this);">
												
											</span>
										
											 
											</li>		<li id="li_7" >
											<span>
											<label class="description" for="element_7">Localidad: </label>
											<div>
												<select id ="provincias" class= "element select" >
																		
												</select> 
												
												<script type="text/javascript">
												
												function cargarProvincias(){
													
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarprov.php', 
															                          
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('provincias').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=2)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+"</option>").appendTo("#provincias");
																		} 
																		 
																	}
															      }
															    });
															  });

												}
											</script>
											</div> 
											</span>
											</li>
											<li>
												<label class="description" for="element_72">Direcci&oacute;n: </label>
												<input id="direccion" name="element_72" class="element text medium" maxlength="250" value="" type="text">
											</li>
											<li>
												<label class="description" for="element_73">Profesi&oacute;n: </label>
												<input id="profesion" name="element_73" class="element text medium" maxlength="250" value="" type="text">
											</li>
											<li>
											<label class="description" for="element_666">C&oacute;mo se entero?</label>
											</li>
											<li id="li_12" >
												<label class="checkbox-inline">
												  <input type="checkbox" id="tv" value="1"> TV
												</label>
												<label class="checkbox-inline">
												  <input type="checkbox" id="radio" value="2"> Radio
												</label>
												<label class="checkbox-inline">
												  <input type="checkbox" id="iglesia" value="3"> Internet
												</label>
											</li>
												
											
									</ul>																			
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarCliente(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	
	
	</div>
<!--  footer -->
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;
var query="";
var nombre="";
var apellido ="";
var filtro ="";
var cedula ="";
function traerTabla()
{
		nombre = document.getElementById('nombre').checked;
		apellido = document.getElementById('apellido').checked;
		filtro = document.getElementById('textofiltro').value;
		cedula = document.getElementById('cedula').checked;
		query="";
		if(filtro=="")
			{
			document.getElementById('tabla').innerHTML = "Filtro vacio.";
			return false;
			}
		/* if(nombre && apellido  && cedula) 
			query= "select * from clientes where activo = '1' and (nombres LIKE '%"+filtro+"%') OR (apellidos LIKE '%"+filtro+"%') OR (cedula LIKE '%"+filtro+"%')";
		else if(!nombre && apellido && cedula)
			query= "select * from clientes where activo = '1' and (apellidos LIKE '%"+filtro+"%') OR (cedula LIKE '%"+filtro+"%')";
		else if(!nombre && !apellido && cedula)
			query= "select * from clientes where activo = '1' and (cedula LIKE '%"+filtro+"%')";	
		else if(nombre && apellido && !cedula) 
			query= "select * from clientes where activo = '1' and (nombres LIKE '%"+filtro+"%') OR (apellidos LIKE '%"+filtro+"%')";
		else if(nombre && !apellido  && !cedula)
			query= "select * from clientes where activo = '1' and nombres LIKE '%"+filtro+"%'";
		else if(!nombre && apellido  && !cedula)
			query= "select * from clientes where activo = '1' and (apellidos LIKE '% "+filtro+" %')";
		else if(nombre && !apellido  && cedula) //
			query= "select * from clientes where activo = '1' and (nombres LIKE '%"+filtro+"%') OR (cedula LIKE '%"+filtro+"%')";
		else if(!nombre && apellido && !cedula)//
			query= "select * from clientes where activo = '1' and (apellidos LIKE '%"+filtro+"%')";
		else if(nombre && apellido  && cedula)
			query= "select * from clientes where activo = '1' and (nombres LIKE '%"+filtro+"%') OR (apellidos LIKE '%"+filtro+"%') OR (cedula LIKE '%"+filtro+"%')";	
		 document.getElementById('tabla').innerHTML = "<strong>Cargando Datos, Por favor espere...</strong><br>"+retornarBarra();
		 */// console.log(query);
		$.ajax({
			
          
            cache:false,
            dataType:"HTML", 
            type: 'POST',   
            url: "getTable.php",
            data: "nombre="+nombre+"&apellido="+apellido+"&cedula="+cedula+"&filtro="+filtro, 
            success:  function(respuesta)
            {
            	document.getElementById('tabla').innerHTML = respuesta;
            },
            
          });
	/*conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarTabla;
	conexhttp.open('GET',"getTable.php?query="+query, true);
	conexhttp.send(null);*/
		
}
function retornarBarra()
{
	
	$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='40' aria-valuemin='25' aria-valuemax='50' style='width: 100%'></div>";
	return $taghtml;	
}
function reportarpdf()
{
	//console.log(query);
	//return;
	location.href="reportesClientes.php?nombre="+nombre+"&apellido="+apellido+"&cedula="+cedula+"&filtro="+filtro;
}
function presentarTabla()
{
  if(conexhttp.readyState == 4)
  document.getElementById('tabla').innerHTML = conexhttp.responseText;
  else 
	  document.getElementById('tabla').innerHTML = "Cargando tabla, por favor espere...";
}
function eliminar(codigo)
{
	var r=confirm("Est\u00e1 seguro de eliminar este registro ?\nC\u00f3digo de cliente: "+codigo);
	if (r==true) 
		{
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","eliminar-cliente.php?id="+codigo, false);
	    xmlhttp.send();
	    if(xmlhttp.responseText == "deny"){
		    alert("No tiene permisos para esta acci\u00f3n.");
		    return;
	    }
	    else
			location.href= 'adm-clientes.php';
		}
	else return;
	
}

function modificar(codigo)
{
	
	
	 if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.open("GET","eliminar-cliente.php?id=*", false);
    xmlhttp.send();
    if(xmlhttp.responseText == "deny"){
	    alert("No tiene permisos para esta acci\u00f3n.");
	    return;
    }
    else
    {
    	$(function () 
    			  {
    			    $.ajax({                                      
    			      url: 'cargardatos.php',                       
    			      data: "id="+codigo,                       
    			      dataType: "json",                
    			      success: function(data)          
    					{
    			    	  codigoCliente = data[0];
    			    	  document.getElementById('m_nombre').value = data[1];
    			    	  document.getElementById('m_apellido').value = data[2];
    			    	  document.getElementById('tel1').value = data[3];
    			    	  document.getElementById('tel2').value = data[4];
    					  document.getElementById('m_cedula').value = data[5];
    					  document.getElementById('email').value = data[6];
    					  document.getElementById('direccion').value = data[13];
    					  document.getElementById('profesion').value = data[15];	
    					  fecha = new Date(data[7]);
    					  document.getElementById('fecha_1').value = fecha.getMonth()+1;
    					  document.getElementById('fecha_2').value =  fecha.getDate()+1;
    					  document.getElementById('fecha_3').value = fecha.getFullYear();
    					  $("#provincias option[value="+ data[8] +"]").attr("selected",true);
    					  $("#"+data[9]).prop("checked", true);
    					  if(data[10]==1) $("#tv").prop("checked", true); else $("#tv").prop("checked", false);
    					  if(data[11]==1) $("#radio").prop("checked", true); else $("#radio").prop("checked", false);
    					  if(data[12]==1) $("#iglesia").prop("checked", true); else $("#iglesia").prop("checked", false);
    					}
    			    });
    			  });
       
    	$('#updateCli').modal("show");
    	
    } 
}
function Solo_Numero(obj)
{
  Numero=parseFloat(obj);
  if (isNaN(Numero))
	  {
            return "";
      }
   return Numero;
 }
function ValNumero(Control)
{
    Control.value=Solo_Numero(Control.value);
}
    function ValNumeroMes(Control)
    {
    	 Control.value=Solo_NumeroMes(Control.value);
    }
    function Solo_NumeroMes(obj)
	{
	  Numero=parseFloat(obj);
	  if (isNaN(Numero))
		  {
	            return "";
	      }
      if(Numero > 0 && Numero < 13)
	   		return Numero;
      else
          return "";
	 }
    function ValNumeroDia(Control)
    {
    	 Control.value=Solo_NumeroDia(Control.value);
    }
    function Solo_NumeroDia(obj)
	{
	  Numero=parseFloat(obj);
	  if (isNaN(Numero))
		  {
	            return "";
	      }
      if(Numero > 0 && Numero < 32)
	   		return Numero;
      else
          return "";
	 }
	 
    function ValNumeroYear(Control)
    {
    	 Control.value=Solo_NumeroYear(Control.value);
    }
    function Solo_NumeroYear(obj)
	{
	  Numero=parseFloat(obj);
	  if (isNaN(Numero))
		  {
	            return "";
	      }
      if(Numero < 2101)
	   		return Numero;
      else
          return "";
	 }
    function onEnter(e)
    {
        $('#mensajecedula').html("");
    }
    function buscarCedula(){  
    	
    	$('#mensajecedula').html(' ');
        var cedula = $('#m_cedula').val();  
        cedula = cedula.trim(); 
        $.post("buscarcedula.php", { cedula: cedula },  
            function(result){    
                if(result == 0){   
                	$('#mensajecedula').html('<div class=alert-success><span class= "glyphicon glyphicon-ok-sign"></span> &nbsp;<strong>Disponible</strong></div>');
                      
                }else{   
                	$('#mensajecedula').html('<div class=alert-danger><span class= "glyphicon glyphicon-remove-sign"></span> &nbsp;<strong>Ya esta registrado</strong></div>'); 
                }  
        }); 
       

    }
    function actualizarCliente()
    {
    	
    	  if(validarDatos()==false)
    	  {
    	  
    		return false;
    	
    	  }
    	  else
    	  {
    		
    			var nombre = document.getElementById('m_nombre').value;
    			var apellido = document.getElementById('m_apellido').value;
    			var cedula = document.getElementById('m_cedula').value;
    			var tel1 = document.getElementById('tel1').value;
    			var tel2 = document.getElementById('tel2').value;
    			var email = document.getElementById('email').value;
    			var mes = document.getElementById('fecha_1').value;
    			var dia = document.getElementById('fecha_2').value;
    			var year = document.getElementById('fecha_3').value;
    			var provincia = document.getElementById('provincias').value;
    			var direccion = document.getElementById('direccion').value;
    			var profesion = document.getElementById('profesion').value;
    			opciones = document.getElementsByName("categoria");
    			 
    			var categoria = "";
    			for(var i=0; i<opciones.length; i++) {    
    			  if(opciones[i].checked) {
    			    categoria = opciones[i].id;
    			   break;
    			  }
    			}
    			
    			
    			var iglesia = document.getElementById('iglesia').checked;
    			var tv = document.getElementById('tv').checked;
    			var radio = document.getElementById('radio').checked;
    			
    			iglesia = formatBool(iglesia);
    			tv = formatBool(tv);
    			radio = formatBool(radio);
    	
    			
    			cedula = cedula.trim();
    			
    		
    			
    			if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    		    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    		    
    		    xmlhttp.open("GET","regdatos.php?nombre="+nombre+"&apellido="+apellido+"&email="+email+"&telefono="+tel1+
    		    		"&movil="+tel2+"&cedula="+cedula+"&provincia="+provincia+"&dia="+dia+"&mes="+mes+"&year="+year+"&categoria="+categoria+"&radio="+radio+"&tv="+tv+"&iglesia="+iglesia+"&direccion="+direccion+"&id="+codigoCliente+"&profesion="+profesion, false);
    		    xmlhttp.send();
    			
    			 var hostInfo="";
    		    hostInfo = xmlhttp.responseText;
    		    
    			 if(hostInfo == "ok")    
    			 {			 	
    				alert("Datos actualizados correctamente");
    			 	$('#updateCli').modal("hide");
    			 	document.getElementById('textofiltro').value = cedula ;
    			 	traerTabla();
    			 }    				    						    			
    			else
    			{
    				alert(hostInfo);
    				return false;
    			}   
    			
    		  
    		}
    		
    	}
    function formatBool(valor)
	{
		if(valor == true)
			return(1);
		else
			return(0);
	}
var codigoCliente="";
    function validarDatos()
	{
			var campos = new Array();
			campos[0] = "m_nombre";
			campos[1] = "m_apellido";
			campos[2] = "m_cedula";
			campos[3] = "fecha_1";
			campos[4] = "fecha_2";
			campos[5] = "fecha_3";
		
			
			for(var i in campos)
			{
				var dato = document.getElementById(campos[i]).value;
				if(validar(dato)==false)
					{
						alert(campos[i] + " no permitido.");
						return false;
					}
			}
			
	}
	function validar(dato)
	{
		if( dato == null || dato.length == 0 || /^\s+$/.test(dato) ) 
			{
			return false;
			}
	}
	function Cancelar() {
		window.location="../TableroInicio.php";
	}
    
</script>
</html>